<!DOCTYPE html>
<html
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:th="http://www.thymeleaf.org"
        lang="en" xmlns:layout="http://www.w3.org/1999/xhtml">

<div class="mdui-appbar  mdui-appbar-fixed " th:fragment="header" xmlns:th="http://www.w3.org/1999/xhtml">
    <div class="mdui-toolbar mdui-color-blue-100">
        <a href="javascript:;" class="mdui-btn mdui-btn-icon" id="toggle"
           mdui-drawer="{target: '#left-drawer'}">
            <i class="mdui-icon material-icons">&#xe5d2;</i>
        </a>
        <span class="mdui-typo-headline">文档文档文档文档文档文档</span>
        <div class="mdui-toolbar-spacer">
        </div>
        <!--<div class="mdui-textfield mdui-textfield-expandable mdui-float-right">-->
        <!--<button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">-->
        <!--&#xe8b6;</i>-->
        <!--</button>-->
        <!--<input class="mdui-textfield-input" type="text" placeholder="Search"/>-->
        <!--<button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">-->
        <!--&#xe5cd;</i>-->
        <!--</button>-->
        <!--</div>-->
        <!--&lt;!&ndash;<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe8b6;</i></a>&ndash;&gt;-->
        <!--<a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">-->
        <!--&#xe5d5;</i></a>-->
        <img class="mdui-card-header-avatar" style="margin-right: -2px" th:src="@{/image/girl.jpg}" />
        <span class="mdui-typo-title .mdui-color-black" style="font-size: 18px;" th:text="${session.userInfo.userName}"></span>
        <a href="/admin/signOut" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe879;</i></a>
        <!--<a  onclick="signOut()" href="/admin/logout" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">&#xe879;</i></a>-->
    </div>
</div>
</html>
